$(function(){
    // 表单验证
    $("#form").bootstrapValidator({
        // 指定不校验的类型
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        // 指定校验时的图标显示
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        // 指定校验字段
        fields: {
            // 验证用户名
            username: {
                validators: {
                    // 不能为空
                    notEmpty: {
                        message: "用户名不能为空!"
                    },
                    // 长度校验
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: "用户名2-6位之间!"
                    },
                    // 拓展错误提示信息
                    callback: {
                        message: "用户名不存在!"
                    }
                },
            },
            // 验证密码
            password: {
                validators: {
                    // 不能为空
                    notEmpty: {
                        message: "密码不能为空!"
                    },
                    // 长度校验
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: "密码长度为6-12位!"
                    },
                    // 拓展错误提示信息
                    callback: {
                        message: "密码错误!"
                    }
                }
            }
        },
    });

    // 重置表单全部样式
    $('.btn-reset').click(function () {
        //重置表单全部样式
        $('#form').data('bootstrapValidator').resetForm();
    });

    // 表单校验完成后会触发success.form.bv事件, 使用ajax进行表单提交
    $('#form').on('success.form.bv', function (e) {
        //阻止默认行为
        e.preventDefault();
        //把表单数据发送给后他进行判断
        $.ajax({
            type: "post",
            url: "/employee/employeeLogin",
            data: $("#form").serialize(),
            dataType: "json",
            success: function(result){
                if(result.error){
                    if(result.error == 1000){
                        // 用户名不存在
                        $("#form").data("bootstrapValidator").updateStatus("username","INVALID","callback");
                    }
                    if(result.error == 1001){
                        // 密码错误
                        $("#form").data("bootstrapValidator").updateStatus("password", "INVALID", "callback");
                    }
                }else{
                    location.href = "./index.html";
                }
            }
        });
    });
});